<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /*类选择器的格式：
             .class的名称{}

        优点：
            可以让多个标签归类，即让多个标签是同一个class。可以复用，可以跨标签
        */

        .baidu{
            background: wheat;
            color: red;
        }
        .bilibili{
            background: black;
            color: purple;
        }
        .huawei{
            background: aqua;
            color: blue;
        }
    </style>

</head>
<body>

<h1 class="baidu">标题一</h1>
<h1 class="bilibili">标题二</h1>
<h1 class="huawei">标题三</h1>

<!--p标签和baidu的h1标签的class一样-->
<p class="baidu">段落</p>

</body>
</html>